<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>My Task</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/task/pdp.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/task/pdp.js"></script>
	
	</head>

	<body ms-controller="taskPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title">My Task</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			<a class="mui-icon mui-pull-right mui-icon-white" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div id="task-pdp" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="mui-content-padded">
					<form :validate="@validate"  id="editForm">
						<input type="hidden" value="" id="uid" name="uid" />
						<div class="mui-row">
							<h5>
								Company Name
							</h5>
							<div class="mui-input-row">
								<label>
									{companyName}
								</label>
							</div>
						</div>
						<div class="mui-row">
							<h5>
								Channel
							</h5>
							<div class="mui-input-row">
								<label>
									{channel}
								</label>
							</div>
						</div>
						
						<div class="mui-row">
							<h5>
								Tax No.
							</h5>
							<div class="mui-input-row">
								<label>
									{taxNo}
								</label>
							</div>
						</div>
						

						<div class="mui-row">
							<h5>
								In Short
							</h5>
							<div class="mui-input-row">
								<label>
									{inShort}
								</label>
							</div>
						</div>

						

						<div class="mui-row">
							<h5>
								Company Type
							</h5>
							<div class="mui-input-row">
								<label>
									{companyType}
								</label>
							</div>
						</div>
						
						
						<div class="mui-row">
							<h5>
								Email
							</h5>
							<div class="mui-input-row">
								<label>
									{email}
								</label>
							</div>
						</div>
						
						
						<div id="locations">
							<div class="mui-row">
								<h5>
									Region:
								</h5>
								<div class="mui-input-row">
									<label>
										{region}
									</label>
								</div>
							</div>

							<div class="mui-row">
								<h5>
								Country
								</h5>
								<div class="mui-input-row">
									<label>
										{country}
									</label>
								</div>
							</div>

							<div class="mui-row">
								<h5>
									State/Province
								</h5>
								<div class="mui-input-row">
									<label>
										{state}
									</label>
								</div>
							</div>
							
							<div class="mui-row">
								<h5>
									City
								</h5>
								<div class="mui-input-row">
									<label>
										{city}
									</label>
								</div>
							</div>
						</div>

						<div class="mui-row">
							Detail Address
							<div class="mui-input-row">
								<label>
									{detailAddress}
								</label>
							</div>
						</div>
						
						<div class="mui-row">
							<h5>
								Contact
							</h5>
							<div class="mui-input-row">
								<label>
									{contact}
								</label>
							</div>
						</div>
						
						<div class="mui-row">
							<h5>
								Job Title
							</h5>
							<div class="mui-input-row">
								<label>
									{jobTitle}
								</label>
							</div>
						</div>
						
						<div class="mui-row">
							<h5>
								Tel. No.
							</h5>
							<div class="mui-input-row">
								<div class="mui-row">
									<div class="mui-col-xs-3">
										<label style="width: 87%;">
											{telCode}
										</label>
									</div>
							
									<div class="mui-col-xs-9">
										<label>
											{telNo}
										</label>
									</div>
							
								</div>
							</div>
						</div>
						
						
						<div class="mui-row">
							<h5>
								Existing Distributor
							</h5>
							<div class="mui-input-row">
								<label>
									{existingDistributor}
								</label>
							</div>
						</div>
						
						
						<div class="mui-row">
							<h5>
								Preferred Distributor
							</h5>
							<div class="mui-input-row">
								<label>
									{preferredDistributor}
								</label>
							</div>
						</div>
						
						
						<div class="mui-row">
							<h5>
								Company Size
								
							</h5>
							<div class="mui-input-row">
								<label>
									{companySize}
								</label>
								
							</div>
						</div>
						
						
						
						<div class="mui-row">
							<h5>
								Company Website
							</h5>
							<div class="mui-input-row">
								<label>
									{companyWebsite}
								</label>
							</div>
						</div>
						
						
						<div class="mui-row">
							<h5>
								Average Annual Purchase in Security Related
							</h5>
							<div class="mui-input-row">
								<label>
									{aapisr}
								</label>
							</div>
						</div>
						
					
						<div class="mui-row">
							<h5>
								Remark
							</h5>
							<div class="mui-input-row">
								<label>
									{remark}
								</label>
							</div>
						</div>

						<div class="mui-button-row" ms-if="0==status">
							<button type="button" :click="@approve" class="mui-btn mui-btn-update mui-btn-green">
								 <i class="iconSubmit"></i>Approve
							</button>
							<button type="button" :click="@reject" class="mui-btn mui-btn-update">
							 	<i class="iconReject"></i>Reject
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		

	</body>

</html>